/** reset **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, 
form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;}
body,button, input, select, textarea{font-family:" Microsoft JhengHei",'Microsoft YaHei' ,sans-serif;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
input,button,img{border: none;background: none;}
input[type="text"],
input[type="password"],button{outline: none;-webkit-appearance:none;}
input,textarea{outline: none;}
em,i{font-style:normal;}
ul, ol{list-style: none;margin: 0;padding: 0;}
a{text-decoration: none;color:#333;}
button, input, textarea, th, td, img,a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
}
img{border:0px;  outline-width:0px;  vertical-align:top;max-width: 100%;}
.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after {display: block; line-height: 0; content: ""; } 
.clearfix::after { clear: both; } .t_c{text-align: center;}
.fl { float:left;}
.fr { float:right;}
.hide { display:none !important;}
.show {display: block !important;}
* {box-sizing: border-box;}
button {cursor: pointer;}
input,button,select,textarea{outline:none}
div:focus{-webkit-tap-highlight-color: transparent; outline: none;}
button:focus{-webkit-tap-highlight-color: transparent; outline: none;}
input:focus{-webkit-tap-highlight-color: transparent; outline: none;}
a:focus{-webkit-tap-highlight-color: transparent; outline: none;}
span:focus{-webkit-tap-highlight-color: transparent; outline: none;}
.translate{-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.translateY{-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%);}
.translateX{-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);}
.wrap{width: 1440px;margin-left:auto;margin-right: auto;}
.location{line-height: 50px;text-align:left;font-size: 16px}
.g-pages .pagination p,.g-pages .pagination a {height: 30px;}
@media screen and (max-width: 1680px) {
    .wrap{width: 1300px;}  
}
@media screen and (max-width: 1440px) {
    .wrap{width: 1200px;}  
}
@media screen and (max-width: 1280px) {
    .wrap{width: 1050px;}  
}
@media screen and (max-width: 1180px) {
    .wrap{width:1000px;}  
}
@media screen and (max-width: 1080px) {
    .wrap{width:1000px;}  
}
@media screen and (max-width: 1040px) {
    .wrap{width:92%;}  
}
@media screen and (max-width: 768px) {
    .wrap{width:94%;}  
}
@media screen and (max-width: 500px) {
    .wrap{width:96%;}  
}
textarea{resize:none}
.trans {
    transition: all 1s;
    -moz-transition: all 1s;
    /* Firefox 4 */
    -webkit-transition: all 1s;
    /* Safari 和 Chrome */
    -o-transition: all 1s;
    /* Opera */
}

.trans2 {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

.font180 {font-size: 180px;}
.font100 {font-size: 100px;}
.font80 {font-size: 80px;}
.font68 {font-size: 68px;}
.font60 {font-size: 60px;}
.font56 {font-size: 56px;}
.font54 {font-size: 54px;}
.font50 {font-size: 50px;}
.font46 {font-size: 46px;}
.font36 {font-size: 36px;}
.font32 {font-size: 32px;}
.font30 {font-size: 30px;}
.font28 {font-size: 28px;}
.font26 {font-size: 26px;}
.font24 {font-size: 24px;}
.font22 {font-size: 22px;}
.font20 {font-size: 20px;}
.font18 { font-size: 18px;}

@media screen and (max-width: 1680px) {
    .font180 {font-size: 150px;}
    .font100 {font-size: 90px; }
    .font80 {font-size: 66px; }
    .font68 {font-size: 62px;}
    .font60 {font-size: 52px;}
    .font56 {font-size: 44px;}
    .font54 {font-size: 52px;}
    .font50 {font-size: 48px;}
    .font46 {font-size: 40px;}
    .font36 {font-size: 32px;}
    .font30 {font-size: 28px;}
    .font28 {font-size: 26px;}
    .font26 {font-size: 24px;}
    .font24 {font-size: 22px;}
    .font20 {font-size: 20px;}
    .font18 {font-size: 18px;}
}
@media screen and (max-width: 1440px) {
    .font180 {font-size: 150px;}
    .font100 {font-size: 90px; }
    .font80 {font-size: 66px; }
    .font68 {font-size: 62px;}
    .font60 {font-size: 52px;}
    .font56 {font-size: 44px;}
    .font54 {font-size: 52px;}
    .font50 {font-size: 48px;}
    .font46 {font-size: 40px;}
    .font36 {font-size: 32px;}
    .font30 {font-size: 28px;}
    .font28 {font-size: 26px;}
    .font26 {font-size: 22px;}
    .font24 {font-size: 20px;}
    .font22 {font-size: 20px;}
    .font20 {font-size: 18px;}
    .font18 {font-size: 16px;}
}
@media screen and (max-width: 1366px) {
    .font180 {font-size: 120px;}
    .font100 {font-size: 80px;}
    .font80 {font-size: 52px;}
    .font68 {font-size: 56px;}
    .font60 {font-size: 48px;}
    .font56 {font-size: 40px;}
    .font54 {font-size: 46px;}
    .font50 {font-size: 46px;}
    .font46 {font-size: 36px;}
    .font36 {font-size: 30px;}
    .font32 {font-size: 28px;}
    .font30 {font-size: 26px;}
    .font28 {font-size: 24px;}
    .font26 {font-size: 20px;}
    .font22 {font-size: 18px;}
    .font24 {font-size: 18px;}
    .font20 {font-size: 16px;}
    .font18 {font-size: 16px;}
}
@media screen and (max-width: 1024px) {
    .font180 {font-size: 100px;}
    .font100 {font-size: 60px;}
    .font80 {font-size: 52px;}
    .font68 {font-size: 46px;}
    .font60 {font-size: 48px;}
    .font56 {font-size: 42px;}
    .font54 {font-size: 40px;}
    .font50 {font-size: 38px;}
    .font46 {font-size: 32px;}
    .font36 {font-size: 28px;}
    .font32 {font-size: 26px;}
    .font30 {font-size: 22px;}
    .font28 {font-size: 20px;}
    .font26 {font-size: 18px;}
    .font22 {font-size: 18px;}
    .font24 {font-size: 18px;}
    .font20 {font-size: 16px;}
    .font18 {font-size: 16px;}
}
@media screen and (max-width: 768px) {
    .font180 {font-size: 80px;}
    .font100 {font-size: 60px;}
    .font80 {font-size: 40px;}
    .font68 {font-size: 58px;}
    .font60 {font-size: 32px;}
    .font56 {font-size: 28px;}
    .font54 {font-size: 30px;}
    .font50 {font-size: 40px;}
    .font46 {font-size: 26px;}
    .font36 {font-size: 24px;}
    .font32 {font-size: 22px;}
    .font30 {font-size: 22px;}
    .font28 { font-size: 20px;}
    .font26 {font-size: 16px;}
    .font24 {font-size: 14px;}
    .font22 {font-size: 16px;}
    .font18 { font-size: 14px; }
}

@media screen and (max-width: 500px) {
    .font180 {font-size: 40px; }
    .font100 {font-size: 30px;}
    .font80 {font-size: 20px;}
    .font60 {font-size: 18px;}
    .font56 {font-size: 18px;}
    .font54 {font-size: 18px;}
    .font50 {font-size: 30px;}
    .font46 {font-size: 16px;}
    .font36 {font-size: 18px;}
    .font30 {font-size: 16px;}
    .font28 {font-size: 16px;}
    .font26 {font-size: 14px; }
    .font24 { font-size: 14px;}
    .font22 {font-size: 16px;}
    .font20 {font-size: 14px;}
    .font18 { font-size: 14px;}
}

/* ==========================================================================
    距离
============================================================================ */


.marg150 {margin: 150px;}
.marg120 {margin: 120px;}
.marg100 {margin: 80px;}
.marg80 {margin: 50px;}
.marg60 {margin: 50px;}
.marg50 {margin: 40px;}
.marg40 {margin: 40px;}
.marg30 { margin: 30px;}
.marg20 {margin: 20px;}
.pt150 {padding-top: 120px;}
.pt120 {padding-top: 100px;}
.pt100 {padding-top: 60px;}
.pt90 {padding-top: 60px;}
.pt80 {padding-top: 50px;}
.pt60 {padding-top: 50px;}
.pt50 {padding-top: 50px;}
.pt40 {padding-top: 40px;}
.pt30 {padding-top: 30px;}
.pt20 {padding-top: 20px;}
.pb150 {padding-bottom: 100px;}
.pb120 {padding-bottom: 100px;}
.pb100 {padding-bottom: 60px;}
.pb90 {padding-bottom: 50px;}
.pb80 {padding-bottom: 50px;}
.pb60 {padding-bottom: 30px;}
.pb50 { padding-bottom: 50px;}
.pb40 {padding-bottom: 40px;}
.pb30 {padding-bottom: 30px;}
.pb20 {padding-bottom: 20px;}
.mt150 {margin-top: 100px;}
.mt120 {margin-top: 100px;}
.mt100 {margin-top: 70px;}
.mt80 {margin-top: 60px;}
.mt60 {margin-top: 50px;}
.mt50 {margin-top: 40px;}
.mt40 {margin-top: 40px;}
.mt30 {margin-top: 30px;}
.mt20 { margin-top: 20px;}
.mb150 {margin-bottom: 150px;}
.mb120 {margin-bottom: 120px;}
.mb100 {margin-bottom: 100px;}
.mb90 {margin-bottom: 50px;}
.mb80 {margin-bottom:50px;}
.mb60 {margin-bottom: 50px;}
.mb50 {margin-bottom: 40px;}
.mb40 {margin-bottom: 40px;}
.mb30 { margin-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.mb10 {margin-bottom: 10px;}
.mb5 {margin-bottom: 5px;}


@media screen and (max-width: 1680px) {
    .mb20 {margin-bottom: 18px;}
    .pb20 {padding-bottom: 18px;}
    .mt150 {margin-top: 120px;}
    .mt120 {margin-top: 110px;}
}

@media screen and (max-width: 1366px) {
    .pt150 {padding-top: 100px;}
    .pt50 {padding-bottom: 40px;}
    .pb150 {padding-bottom: 100px;}
    .pb120 {padding-bottom: 100px;}
    .pb100 {padding-bottom: 80px;}
    .pb90 {padding-bottom: 50px;}
    .pb80 {padding-bottom: 50px;}
    .pb60 {padding-bottom: 30px;}
    .pb50 { padding-bottom: 50px;}
    .pb40 {padding-bottom: 40px;}
    .pb30 {padding-bottom: 30px;}
    .pb20 {padding-bottom: 20px;}
    .mt150 {margin-top: 100px;}
    .mt120 {margin-top: 100px;}
    .mt100 {margin-top: 70px;}
    .mt80 {margin-top: 60px;}
    .mt60 {margin-top: 60px;}
    .mt50 {margin-top: 40px;}
    .mt40 {margin-top: 40px;}
    .mt30 {margin-top: 30px;}
    .mt20 { margin-top: 20px;}
    .mb150 {margin-bottom: 150px;}
    .mb120 {margin-bottom: 120px;}
    .mb100 {margin-bottom: 100px;}
    .mb90 {margin-bottom: 60px;}
    .mb80 {margin-bottom: 60px;}
    .mb60 {margin-bottom: 60px;}
    .mb50 {margin-bottom: 50px;}
    .mb40 {margin-bottom: 40px;}
    .mb30 { margin-bottom: 30px;}
    .mb20 {margin-bottom: 20px;}
    .mb10 {margin-bottom: 10px;}
    .mb5 {margin-bottom: 5px;}
}



@media screen and (max-width: 768px) {
    .pad150 {
        padding: 60px;
    }
    .pad120 {
        padding: 50px;
    }
    .pad100 {
        padding: 44px;
    }
    .pt90 {
        padding-top: 40px;
    }
    .pad80 {
        padding: 36px;
    }
    .pad60 {
        padding: 30px;
    }
    .pad50 {
        padding: 30px;
    }
    .pad40 {
        padding: 28px;
    }
    .pad30 {
        padding: 24px;
    }
    .pad20 {
        padding: 16px;
    }
    .marg150 {
        margin: 60px;
    }
    .marg120 {
        margin: 50px;
    }
    .marg100 {
        margin: 44px;
    }
    .marg80 {
        margin: 36px;
    }
    .marg60 {
        margin: 30px;
    }
    .marg50 {
        margin: 30px;
    }
    .marg40 {
        margin: 28px;
    }
    .marg30 {
        margin: 24px;
    }
    .marg20 {
        margin: 16px;
    }
    .pt150 {
        padding-top: 60px;
    }
    .pt120 {
        padding-top: 50px;
    }
    .pt100 {
        padding-top: 44px;
    }
    .pt80 {
        padding-top: 36px;
    }
    .pt60 {
        padding-top: 30px;
    }
    .pt50 {
        padding-top: 30px;
    }
    .pt40 {
        padding-top: 28px;
    }
    .pt30 {
        padding-top: 24px;
    }
    .pt20 {
        padding-top: 16px;
    }
    .pb150 {
        padding-bottom: 60px;
    }
    .pb120 {
        padding-bottom: 50px;
    }
    .pb100 {
        padding-bottom: 44px;
    }
    .pb90 {
        padding-bottom: 44px;
    }
    .pb80 {
        padding-bottom: 36px;
    }
    .pb60 {
        padding-bottom: 30px;
    }
    .pb50 {
        padding-bottom: 30px;
    }
    .pb40 {
        padding-bottom: 28px;
    }
    .pb30 {
        padding-bottom: 24px;
    }
    .pb20 {
        padding-bottom: 16px;
    }
    .mt150 {
        margin-top: 60px;
    }
    .mt120 {
        margin-top: 50px;
    }
    .mt100 {
        margin-top: 44px;
    }
    .mt80 {
        margin-top: 36px;
    }
    .mt60 {
        margin-top: 30px;
    }
    .mt50 {
        margin-top: 30px;
    }
    .mt40 {
        margin-top: 28px;
    }
    .mt30 {
        margin-top: 24px;
    }
    .mt20 {
        margin-top: 16px;
    }
    .mb150 {
        margin-bottom: 60px;
    }
    .mb120 {
        margin-bottom: 50px;
    }
    .mb100 {
        margin-bottom: 44px;
    }
    .mb90 {
        margin-bottom: 30px;
    }
    .mb80 {
        margin-bottom: 36px;
    }
    .mb60 {
        margin-bottom: 30px;
    }
    .mb50 {
        margin-bottom: 30px;
    }
    .mb40 {
        margin-bottom: 28px;
    }
    .mb30 {
        margin-bottom: 24px;
    }
    .mb20 {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 500px) {
    .pad150 {
        padding: 40px;
    }
    .pad120 {
        padding: 30px;
    }
    .pad100 {
        padding: 24px;
    }
    .pt90 {
        padding-top: 30px;
    }
    .pad80 {
        padding: 30px;
    }
    .pad60 {
        padding: 20px;
    }
    .pad50 {
        padding: 20px;
    }
    .pad40 {
        padding: 15px;
    }
    .pad30 {
        padding: 10px;
    }
    .pad20 {
        padding: 10px;
    }
    .marg150 {
        margin: 40px;
    }
    .marg120 {
        margin: 30px;
    }
    .marg100 {
        margin: 24px;
    }
    .mb90 {
        margin-bottom: 20px;
    }
    .marg80 {
        margin: 20px;
    }
    .marg60 {
        margin: 20px;
    }
    .marg50 {
        margin: 20px;
    }
    .marg40 {
        margin: 15px;
    }
    .marg30 {
        margin: 10px;
    }
    .marg20 {
        margin: 10px;
    }
    .pt150 {
        padding-top: 40px;
    }
    .pt120 {
        padding-top: 40px;
    }
    .pt100 {
        padding-top: 24px;
    }
    .pt80 {
        padding-top: 20px;
    }
    .pt60 {
        padding-top: 20px;
    }
    .pt50 {
        padding-top: 20px;
    }
    .pt40 {
        padding-top: 20px;
    }
    .pt30 {
        padding-top: 10px;
    }
    .pt20 {
        padding-top: 10px;
    }
    .pb150 {
        padding-bottom: 40px;
    }
    .pb120 {
        padding-bottom: 40px;
    }
    .pb100 {
        padding-bottom: 30px;
    }
    .pb90 {
        padding-bottom: 20px;
    }
    .pb80 {
        padding-bottom: 20px;
    }
    .pb60 {
        padding-bottom: 20px;
    }
    .pb50 {
        padding-bottom: 20px;
    }
    .pb40 {
        padding-bottom: 20px;
    }
    .pb30 {
        padding-bottom: 10px;
    }
    .pb20 {
        padding-bottom: 10px;
    }
    .mt150 {
        margin-top: 40px;
    }
    .mt120 {
        margin-top: 40px;
    }
    .mt100 {
        margin-top: 30px;
    }
    .mt80 {
        margin-top: 20px;
    }
    .mt60 {
        margin-top: 20px;
    }
    .mt50 {
        margin-top: 20px;
    }
    .mt40 {
        margin-top: 10px;
    }
    .mt30 {
        margin-top: 10px;
    }
    .mt20 {
        margin-top: 10px;
    }
    .mb150 {
        margin-bottom: 40px;
    }
    .mb120 {
        margin-bottom: 40px;
    }
    .mb100 {
        margin-bottom: 20px;
    }
    .mb80 {
        margin-bottom: 20px;
    }
    .mb60 {
        margin-bottom: 20px;
    }
    .mb50 {
        margin-bottom: 20px;
    }
    .mb40 {
        margin-bottom: 20px;
    }
    .mb30 {
        margin-bottom: 10px;
    }
    .mb20 {
        margin-bottom: 10px;
    }
}